<!DOCTYPE html> 
<html> 
<meta charset="utf-8"> 
<title>Google Wave Football Fever</title> 
<meta name="description" content="Google Wave is a new web application for real-time communication and collaboration."> 
<link rel="stylesheet" href="css/base.css"> 
<script src="http://www.google.com/mobile/js/mgc3-compiled.js"></script> 
<script src="http://www.google.com/intl/en/mobile/js/mgc3.messages.base.js"></script> 
<script src="http://www.google.com/intl/en/mobile/js/mgc3.messages.stp.js"></script> 
<style type="text/css"> 
<!--
.content {  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #F8F8F8;
  border: 1px solid #DADADA;
  padding: 10px;
  margin-bottom: 20px;
}
 
body.homepage {
  background:#fff url('images/mgc-body-toolbar-bg-banner-white.jpg') top repeat-x;
}
-->
</style> 
<body class="homepage"> 
<div class="mgc"> 
<div class="search-box"> 
        <a href="http://wave.google.com/" onClick="javascript:pageTracker._trackPageview('/outgoing/signin_link');">Sign in to Google Wave</a>&nbsp;&nbsp;<img src="images/wave-60_wshadow.gif" width="45" align="absmiddle"> 
  </div> 
  <a href="http://wave.google.com"><img src="http://www.google.com/images/logos/wave_logo_labs.png" alt="Google" style="margin-bottom:20px;"></a> 
  <div class="mgc-toolbar"> 
    <ul id="mgc-toolbar"> 
      
      <li><a href="about.html">About</a> 
      <li><a href="using-wave.html">Case Studies</a> 
      <li><a href="extensions.html">Extensions</a> 
      <li><a href="javascript:">Developer</a> 
        <ul> 
          <li><a href="http://googlewavedev.blogspot.com" onClick="javascript:pageTracker._trackPageview('/outgoing/developer_blog_link');">Developer Blog</a> 
          <li><a href="http://code.google.com/apis/wave" onClick="javascript:pageTracker._trackPageview('/outgoing/wave_api_link');">Wave APIs</a> 
          <li><a href="http://www.waveprotocol.org" onClick="javascript:pageTracker._trackPageview('/outgoing/wave_federation_link');">Wave Federation</a> 
        </ul> 
      <li><a href="http://googlewave.blogspot.com/" onClick="javascript:pageTracker._trackPageview('/outgoing/blog_footer_link');">Blog</a> 
      <li><a href="javascript:">Help</a> 
        <ul> 
          <li><a href="http://www.google.com/support/wave/bin/static.py?page=guide.cs&guide=28326"  onclick="javascript:pageTracker._trackPageview('/outgoing/getting_started_guide_link');">Getting Started Guide</a> 
          <li><a href="http://www.google.com/support/wave/" onClick="javascript:pageTracker._trackPageview('/outgoing/help_center_link');">Help Center</a> 
          <li><a href="http://www.google.com/support/forum/p/wave?hl=en" onClick="javascript:pageTracker._trackPageview('/outgoing/help_forum_link');">Help Forum</a> 
          <li><a href="http://www.youtube.com/googlewave/" onClick="javascript:pageTracker._trackPageview('/outgoing/youtube_channel_link');">Videos</a> 
        </ul> 
      <li class="last"></li> 
    </ul> 
    <script> 
          mgc.components.toolbar = new mgc.Toolbar('mgc-toolbar');
        </script> 
  </div> 
  <table> 
    <tr> 
      <td><h2 style="border:none;">Join the wave of Football Fever!</h2> 
        <p>For each match you can:</p> 
        <ul> 
          <li><strong>Predict the match:</strong> check the bar graphs to see what others are predicting then start your own wave</li> 
          <li><strong>Plan a party:</strong> click on the button to start a new viewing party wave</li> 
          <li><strong>Add it to your Google Calendar:</strong> click on the date and time</li> 
          </ul> 
        <p><br> 
        Happy watching and waving! </p> 
</td> 
      <td width="20">&nbsp;</td> 
      <td width="200"> 
      <div style="background:#eee; border:1px solid #ccc; padding:10px"> 
       <img src="images/wave_picnik_world_cup.jpg" width="75" hspace="15" align="left" style="padding-right:10px">Try Picnik to <a href="http://www.picnik.com/soccerfever">create a custom profile pic</a> and show your team spirit! </div> 
      </td> 
    </tr> 
  </table> 
  <iframe frameborder="0" src="http://football-fever.appspot.com/index.html" width="1000" height="3200" /> 
  <div class="g-section footer"> 
  <p>©2010 Google - <a href="http://www.google.com/support/wave/" onClick="javascript:pageTracker._trackPageview('/outgoing/helpcenter_footer_link');">Help</a> - <a href="http://wave.google.com/terms.html">Terms</a> - <a href="http://googlewave.blogspot.com/" onClick="javascript:pageTracker._trackPageview('/outgoing/blog_footer_link');">Blog</a>    </div> 
</div> 
<script type="text/javascript"> 
var _gaq = _gaq || [];
_gaq.push(
	['_setAccount', 'UA-8823791-1'],
	['_setCookiePath', '/wave/'],
	['_setAllowAnchor', true],
	['_trackPageview']
);
(function() {
	var ga = document.createElement('script');
	ga.type = 'text/javascript';
	ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script> 
</body> 
</html>
